import React from "react";
import Card from "./Card";
import chart from "./assets/CurveTopAverage.svg";
import userMore from "./assets/UserMore (1).svg";
import flag from "./assets/旗帜.svg";
import book from "./assets/项目档案.svg";

export default function () {
    return (
        <div style={{
            display: 'grid', // 两行两列
            gridTemplate: 'auto / auto auto', // 两行两列，
            gap: 20,
        }}>
            <Card icon={chart} progress={10} color={'#FA8072'}/>
            <Card icon={userMore} progress={30} color={'#58D68D'}/>
            <Card icon={flag} progress={60} color={'#AEB6BF'}/>
            <Card icon={book} progress={100} color={'#85C1E9'}/>
        </div>
    )
}